.bgc1{ background-color: #eecaff;}
.color1{color: #ac5fcf;}
.bgc2{ background-color: #c0c8f4;}
.color2{color: #605cf3;}
.bgc3{ background-color: #a4eed7;}
.color3{color: #19be8a;}
.bgc4{ background-color: #d3f9ff;}
.color4{color: #268acd;}
.bgc5{ background-color: #ffd9d4;}
.color5{color: #fc6f78;}
.bgc6{ background-color: #fbeaa6;}
.color6{color: #e9bd10;}

.fz16{
  font-size:16px;
}
.fll{ float: left;}
.flr{ float: right;}
.fll{ clear: both;}

/* 解决点击导航跳到锚点位置时出现横向滚动条的bug */
html,body{
  overflow-x: hidden;
}

.wrap{
  min-width: 1200px;
}
.inner{
  position: relative;
  width:1200px;
  margin:0 auto;
  z-index:1;
}

.partHeader{
  position: relative;
  text-align: center;
  margin-bottom:40px;
}
.partHeader .t1{
  opacity: 0;
  font-size:60px;
  line-height:1.2;
  color: #fdca00;
}
.partHeader .t2{
  opacity: 0;
  margin-bottom:10px;
  font-size:36px;
  color: #202b36;
}
.partHeader .intro{
  opacity: 0;
  color: #737373;
  font-size:16px;
}


.banner{
  overflow: hidden;
  height:740px;
  min-width: 1200px;
}
.banner .partBg{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  min-width:1200px;
  height:740px;
}
.banner .logo{
  margin-top:25px;
  float: left;
}
.banner .topMenu{
  position: relative;
  margin-top:40px;
  float: right;
}
.banner .bottomLine{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: #fdca00;
  transition: all .3s ease;
}
.banner .topMenu li{
  position: relative;
  float: left;
  margin-left:50px;
}
.banner .topMenu a{
  display: block;
  height:32px;
  line-height:32px;
  font-size:14px;
  color: #fff;
}
.banner .topMenu li .after{
  position: absolute;
  content: '';
  width:0;
  left:0;
  bottom: 0;
  height: 2px;
  background-color: #fdca00;

  transition: width .5s ease;
}
.banner .topMenu li.toRight .after{
  left:initial;
  right:0;
}
.banner .topMenu a:hover,
.banner .topMenu li.active a{
  color: #fdca00;
}

.banner .bannerShake{
  position: relative;
  margin-top:100px;
  height:640px;
}

.banner .bannerShake .subPart{
  position: absolute;
  margin-left:0;
  margin-top:0;


  /*-webkit-animation-duration: .3s;*/
  /*animation-duration: .3s;*/
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transition:top .3s;
  -webkit-transition:top .3s;
}
.banner .bannerShake .radial{
  left:76.5px;
  top:120.5px;
}
.banner .bannerShake .HA{
  left:269.5px;
  top:400px;
}
.banner .bannerShake .yunBg{
  left:393.5px;
  top:170px;
}
.banner .bannerShake .bannerLogo{
  left:499.5px;
  top:310px;
}
.banner .bannerShake .CTW{
  left:385px;
  top:8px;
}
.banner .bannerShake .applet{
  top:116px;
  left:730px;
}
.banner .bannerShake .wenwen{
  top: 415px;
  left: 30px;
}
.banner .bannerShake .googleHome{
  top: 220px;
  left: 60px;
}
.banner .bannerShake .ha{
  top: 180px;
  left: 283px;
}
.banner .bannerShake .xiaoai{
  top:98px;
  left:375px;
}
.banner .bannerShake .TG{
  top:95px;
  left:554.5px;
}
.banner .bannerShake .amazon{
  top:314px;
  left:181px;
}
.banner .bannerShake .dingdong{
  top:178px;
  left:830px;
}
.banner .bannerShake .BIQ{
  top: 230px;
  left: 1000px;
}
.banner .bannerShake .BXD{
  top:314px;
  left:884px;
}
.banner .bannerShake .BIA{
  top: 390px;
  left: 920px;
}


.banner .bannerShake > div{
  position: absolute;
  top:0;
  left:0;
  height:600px;
  width:100%;
  display: none;
}
.banner .bannerShake .current{
  display: block;
}
.banner .bannerAShow{
  background: url(../images/bannerApart.png) center 160px no-repeat;
}
.banner .bannerBShow{
  background: url(../images/bannerBpart.png) center 160px no-repeat;
}

.banner .bannerSwitchHandle{
  text-align: center;
}
.banner .bannerSwitchHandle span{
  display: inline-block;
  margin:0 5px;
  width:64px;
  height:3px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.banner .bannerSwitchHandle .active{
  background-color: #fdca00;
}

.main{
  position: relative;
  padding-top:40px;
  padding-bottom:100px;
  height:2910px;
  min-width: 1200px;
  background-color: #fafbfb;
  overflow: hidden;
}
.main .mainWrap{
  position: relative;
  height:2910px;
  overflow: hidden;
  margin:0 auto -2910px;
}
.main .mainWrap .mainTablecloth{
  position: absolute;
  top: 1170px;
  left: -100%;
  width: 300%;
  height: 1100px;
  transform:rotate(-25deg);
  -ms-transform:rotate(-25deg); 	/* IE 9 */
  -moz-transform:rotate(-25deg); 	/* Firefox */
  -webkit-transform:rotate(-25deg); /* Safari 和 Chrome */
  -o-transform:rotate(-25deg); 	/* Opera */
  background-color: #eef4f8;
}

.products{
  margin-bottom:120px;
}
.products .item.module .tablecloth{
  display: none;
  position: absolute;
  left:170px;
  top:240px;
  width:450px;
}
.products .item.platform .tablecloth{
  display: none;
  position: absolute;
  left:170px;
  top:240px;
  width:450px;
}
.products .item.control .tablecloth{
  display: none;
  position: absolute;
  left:170px;
  top:240px;
  width:450px;
}

.products .module{
  background: url('../images/moduleBg.png') center no-repeat;
}
.products .platform{
  background: url('../images/platform.png') center no-repeat;
}
.products .control{
  background: url('../images/controlBg.png') center no-repeat;
}
.products .item{
  background-position: right -200px bottom 20px;
  background-size: 500px;

  position: relative;
  overflow: hidden;
  margin-left:-1px;
  float: left;
  width:400px;
  height:600px;
  border: 1px solid #e5e5e5;
  background-color: #fafbfb;

  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.products .item:hover{
  background-position: center bottom 20px;
}
.products .innerItem {
  width:800px;
  height:600px;
  padding-left:38px;
  padding-top:20px;
}
.products .iLeft{
  float: left;
  width:360px;
  margin-right:45px;
}
.products .iRight{
  float: left;
  width:350px;
  padding-top:50px;
}
.products .item .introList{
  margin-bottom:16px;
  line-height:1.4;
  color: #207fc5;
}
.products .item .en{
  display: block;
  font-size:36px;
  color: #fdca00;
}
.products .item .cn{
  display: block;
  font-size:30px;
  color: #4c4c4c;
}
.products .item .intro{
  font-size:14px;
  color: #4c4c4c;
}
.products .item .introDetail{
  display: none;
}
.products .partCont{
  width:100%;
  overflow: hidden;
}
.products .innerBox{
  padding-left:1px;
  width:200%;
}

.advantage{
  margin-bottom:120px;
}
.advantage .partHeader{
  float: left;
  width:430px;
  text-align: left;
}
.advantage .partCont{
  float: left;
  width:770px;
  position: relative;
}
.advantage .t2{
  margin-bottom:20px;
}
.advantage .item{
  position: relative;
  opacity: 0;

  float: left;
  margin-bottom:28px;
  padding-top:20px;
  padding-right:10px;
  padding-left:27px;
  width:368px;
  height:113px;
  cursor: pointer;
  background-color: #fff;
  transition:box-shadow .3s, top .2s;
  -webkit-transition:box-shadow .3s, top .2s;
  box-shadow: 1px 5px 20px rgba(68, 134, 186, 0.2);
}
.advantage .item:hover{
  top:-3px;
  box-shadow: 1px 5px 30px rgba(68, 134, 186, 0.4);
}
.advantage .item:nth-child(odd){
  margin-right:30px;
}
.advantage .item .iconPart{
  float: left;
  margin-right:20px;
  width:60px;
  height:60px;
  border-radius: 50%;
  text-align: center;
}
.advantage .item .icon{
  display: block;
  padding-top:10px;
}
.advantage .item .tit{
  display: block;
  font-size:18px;
  line-height:1;
  margin-bottom:10px;
}
.advantage .item .cont{
  line-height:1.4;
  font-size:13px;
  color: #333;
}


.cooperation{}
.cooperation .partCont{
  position: relative;
  height:650px;
}
.cooperation .partCont .line{
  position: absolute;
  top:195px;
  left:0;
  height:1px;
  width:0;
  background-color: #fdca00;

  transition:width 1s;
  -webkit-transition:width 1s;
}
.cooperation .i1{ top:0; left:0; }
.cooperation .i2{ top:165px; left:265px; }
.cooperation .i3{ top:0; left:485px; }
.cooperation .i4{ top:165px; left:715px; }
.cooperation .i5{ top:0; left:960px; }


.cooperation .item{
  position: absolute;
  width:226px;
  height:251px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
}
.cooperation .itemInner{
  position: relative;
  width:100%;
  height:100%;
  transition: transform .5s;
  transform-style: preserve-3d;
}
.cooperation .itemInner.is-flipped{
  transform: rotateY(180deg);
}
.cooperation .item .a{
  position: absolute;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  height:251px;
  padding-top:40px;
  backface-visibility: hidden;
  background: url(../images/cooperationBg.png) center no-repeat;
}
.cooperation .item .orderNumber{
  font-size:60px;
  font-weight: bold;
  color: #fdca00;
}
.cooperation .item .intro{
  font-size:24px;
  color: #222c37;
}
.cooperation .item .b{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:251px;
  text-align: center;
  padding-top:80px;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  background: url(../images/cooperationBgHover.png) center no-repeat;
}
.cooperation .item.i1 .b{
  padding-top:65px;
}
.cooperation .item .b p{
  font-size:18px;
  line-height:2;
  color: #222c37;
}
.cooperation .startCooperation{
  opacity: 0;
  position: absolute;
  left:50%;
  top:620px;
  margin-left:-87px;
  width:174px;
  height:45px;
  line-height:45px;
  font-size:16px;
  text-align: center;
  color: #4d4d4d;
  background-color: #fdca00;
  border-radius: 3px;
  transition:all .3s;
  -webkit-transition:all .3s;
  /*0 7px 5px -5px #333*/
  box-shadow: 0 6px 25px -7px rgba(253, 202, 0, 0.5);
  /*font-size:0;*/
  /*background: url(../images/startCooperation.png) 0 0 no-repeat;*/
}
.cooperation .startCooperation:hover{
  margin-top:-1px;
  color: #000;
  box-shadow: 0 4px 25px -7px rgb(209, 172, 0);
}
.cooperation .startCooperation:active{
  margin-top:2px;
  font-size:16px;
}


.aboutUs{
  position: relative;
  height:500px;
}
.aboutUs .ourIntro{
  position: absolute;
  top:55px;
  left:100px;
  z-index:1;
  padding:90px 30px 0;
  width:405px;
  height:415px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(100, 100, 100, 0.3);
  background: #fff url(../images/icon_quotationMark.png) 30px 20px no-repeat;

  opacity: 0;
  transition:all .8s;
  -webkit-transition:all .8s;
}
.aboutUs .ourIntro:hover{
  box-shadow: 0 10px 50px rgba(100, 100, 100, 0.8);
}
.aboutUs .ourIntro p{
  position: relative;
  top:20px;
  opacity: .5;
  margin-bottom:10px;
  line-height:1.8;
  color: #1f1f1f;
  text-indent:28px;

  transition:all .8s;
  -webkit-transition:all .8s;
}
.aboutUs .ourIntro h3{
  position: relative;
  top:20px;
  opacity: .5;
  margin-top:40px;
  font-size:18px;
  color: #fdca00;

  transition:all .8s;
  -webkit-transition:all .8s;
}
.aboutUs .bgBox{
  position: absolute;
  top:0;
  left:370px;

  opacity: 0;
  transition:all .5s;
  -webkit-transition:all .8s;
}

.bottom{
  padding:50px 0;
  min-width: 1200px;
}
.customer .partHeader{
  margin-bottom:60px;
}
.customer .partCont{
  text-align: center;
}
.customer .partCont a{
  position: relative;
  top:0;
  display: inline-block;
  margin:0 20px;
  /*opacity: 0;*/
  visibility: hidden;
  transition:top .1s;
  -webkit-transition:top .1s;
}
.customer .partCont a:hover{
  top:-5px;
}

.footer{
  min-width: 1200px;
}
.otherInfo{
  background-color: #232323;
}
.otherInfo .inner{
  padding-top:35px;
  height:120px;
}
.otherInfo .item{
  float: left;
}
.otherInfo .i_location{
  margin-right:50px;
  width:250px;
}
.otherInfo .i_phone{
  width:300px;
}
.otherInfo .i_mail{
  width:280px;
}
.otherInfo .i_qq{
  width:160px;
}

.otherInfo .i_mail .cont,
.otherInfo .i_qq .cont{
  padding-top:14px;
}

.otherInfo .iconPart{
  position: relative;
  float: left;
  margin-right:20px;
  width:48px;
  height:48px;
  border-radius: 50%;
  text-align: center;
  background-color: #484848;
  transition:all .5s;
  -webkit-transition:all .5s;
}
.otherInfo .iconPart .icon{
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  display: block;
}
.otherInfo .item:hover .iconPart{
  background-color: #808080;
}
/*.otherInfo .item .icon,*/
/*.otherInfo .iconPart img{*/
  /*transition:all 1s;*/
  /*-webkit-transition:all 1s;*/
/*}*/
/*.otherInfo .item:hover .icon,*/
/*.otherInfo .item:hover img{*/
  /*width:75%;*/
/*}*/
.otherInfo .cont{
  padding-top:5px;
  overflow: auto;
}
.otherInfo .cont a,
.otherInfo .cont p{
  color: #a1a1a1;
}
.otherInfo .officialWeChat{
  float: right;
  margin-top:-15px;
  text-align: right;
}
.otherInfo .officialWeChat *{
  display: inline-block;
  vertical-align: middle;
}
.otherInfo .officialWeChat .intro{
  width:16px;
  color: #a1a1a1;
  line-height:1.1;
}
.otherInfo .officialWeChat img{
}

.copyright{
  height:60px;
  line-height:60px;
  text-align: center;
  background-color: #1d1d1d;
}
.copyright *{
  color: #5f5f5f;
  font-size:12px;
}

.officialWeChat{
  background-color: transparent;
}


.shadow{
  z-index:9;
  position: fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color: rgba(51, 51, 51, 0.3);
  transition:opacity .5s;
  -webkit-transition:opacity .5s;

  opacity: 0;
  display: none;
}
.saveMsg{
  display: none;

  z-index:9;
  position: fixed;
  top:50%;
  left:50%;
  width:485px;
  height:566px;

  margin:-283px 0 0 -243px;

  background: url(../images/msg/msg_bg.png) center no-repeat;
}
.saveMsg .inner{
  position: relative;
  width:485px;
}
.saveMsg .close{
  position: absolute;
  top:0;
  right:-5px;
  width:53px;
  height:53px;
  cursor: pointer;
  background: url(../images/msg/msg_icon_close.png) center no-repeat;
}
/*.saveMsg .close:hover{*/
  /*margin-top:-1px;*/
/*}*/
.saveMsg .usInfo{
  position: absolute;
  top: 144px;
  left: 139px;
  padding:6px;
  padding-left:14px;
  width: 310px;
  height: 91px;
  /*border: 1px solid #000;*/
}
.saveMsg .qrImg{
  float: right;
}
.saveMsg ul{
  padding-top:3px;
}
.saveMsg ul li{
  font-size:15px;
  line-height:1.6;
  color: #2c2c2c;
}
.saveMsg ul .name{
  font-size:16px;
  font-weight: bolder;
  color: #e5b702;
}

.saveMsg .msgCont{
  position: absolute;
  top: 275px;
  left: 51px;
  width: 398px;
  height: 145px;
  padding:10px;
  /*border: 1px solid #000;*/
}
.saveMsg .msgCont .inputLabel{
  width:182px;
  height:28px;
  margin-bottom:8px;
}
.saveMsg .msgCont .inputTxt{
  border: 1px solid #fee47f;
  line-height:26px;
  width:100%;
  padding-left:5px;
  font-size:14px;
  transition:all .5s;
  -webkit-transition:all .5s;
}
.saveMsg .msgCont .inputTxt:focus{
  border: 1px solid #fdca00;
  box-shadow: 0 1px 5px rgba(253, 202, 0, 0.5);
}
.saveMsg .msgCont .textareaTxt{
  width:378px;
  height:52px;
  padding:2px 5px;
  line-height:1.4;
}
.saveMsg .msgCont .textareaLabel{
}
.saveMsg .msgCont input{
  /*border: 1px solid #e2e2e2;*/
}

.saveMsg .msgSend{
  position: absolute;
  top:490px;
  left:50%;
  width:100px;
  height:100px;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: url(../images/msg/msg_submit.png) center no-repeat;
}
.saveMsg .msgSend:hover{
  background: url(../images/msg/msg_submit_hover.png) center no-repeat;
}

.tips{
  position: fixed;
  top:0;
  left:0;
  width:200px;
  margin-left:-100px;
  z-index:99;
}
.tips .tipsInner{}

.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 8; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url("../images/sidebar_spriteV2.png");  overflow: hidden; cursor: pointer; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #0DA056; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #0DA056; overflow: hidden; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 li .popup-qr .qr-title { display: block; padding-top: 8px; color: #000; line-height: 12px; font-size: 12px; }
.fix-right-v2 .ask a, .fix-right-v2 .ask span { height: 50px; line-height: 50px; }
.fix-right-v2 .ask a { background-position: -38px -38px; }
.fix-right-v2 .ask:hover a { background-position: 0 -38px; }
.fix-right-v2 .download a, .fix-right-v2 .download span { }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
.fix-right-v2 .sidebar-line { width: 19px; height: 1px; margin: 7px auto; background: #ccc; }
